  <template>
  <a-card :title="`﹝ ${title} ﹞`" hoverable :headStyle="{ fontWeight: 'bold' }">
    <div v-for="(item, index) in 2" :key="item">
      <a-descriptions>
        <a-descriptions-item label="姓名">陈德龙</a-descriptions-item>
        <a-descriptions-item label="单位">计算机科学单位</a-descriptions-item>
        <a-descriptions-item label="邀请时间">2022-12-12</a-descriptions-item>
        <a-descriptions-item label="附议时间">2023-6-22</a-descriptions-item>
        <a-descriptions-item label="附议结果">
          <a-tag color="green">已附议</a-tag>
          <!-- <a-tag color="red">未附议</a-tag> -->
        </a-descriptions-item>
        <a-descriptions-item label="附议人签字">暂无</a-descriptions-item>
      </a-descriptions>
      <a-divider v-if="index !== 1" />
    </div>
  </a-card>
</template>

<script setup lang="ts">
defineProps<{
  title: string;
}>()
</script>

<style scoped lang="less">
:deep(.ant-descriptions-item-label) {
  color: #909399;
}
:deep(.ant-card-body) {
  cursor: default;
}
</style>
